extends layout

<span class="glyphicon glyphicon-comment"></span> Chat
block content
	div(ng-app)
		#controllerLayout(ng-controller="chattingCtrl", data-ng-init="init()")
			div#chattingRootLayout(ng-show="isLogin")
				.row
					.col-sm-2
					.col-sm-3
				.row
					.col-md-5
						.panel.panel-primary
							.panel-heading
								.row
									.col-sm-8
										span.glyphicon.glyphicon-comment  [{{selectRoom.name}}] 대화명:{{userInfo.nickName}}


							#chatBody.panel-body
								ul#chatLayout.chat


							.panel-footer
								.input-group
									input#messageText.form-control.input-sm(type='text', placeholder='Type your message here...')
									span.input-group-btn
										button#btn-chat.btn.btn-warning.btn-sm Send
				ul#ulMessage


			div#joinRoomLayout(ng-show="ReservedBool()")
				.row
					.col-sm-5
						.panel.panel-success
							.panel-heading 살아 있을때 삶을 즐겨라
							.panel-body
								div(style="vertical-align:middle;")
									input.form-control.input-sm(type='text', ng-model='tempNickName' placeholder='대화명을 입력 해주세요...')
									.input-group.margin-top
										select.form-control(ng-model="selectRoom",ng-init="selectRoom=rooms[0]", ng-options="room.name for room in rooms")
										span.input-group-btn
											.btn.btn-primary(ng-click="JoinRoom(tempNickName)") 참여
